<template>
  <div class="w-[1150px] p-12 print-style relative bg-white h-full">
    <div class="flex justify-center w-full items-center">
      <div class="text-center font-semibold text-4xl">{{ getSystemConfig('HISNAME') }}文档管理</div>
    </div>
    <div class="flex-1 mt-8">
      <div class="flex justify-between border-solid border-b-1 border-x-0 border-t-0 items-center py-2 text-2xl">
        <div>打印日期：{{ dayjs().format('YYYY-MM-DD HH:mm:ss') }}</div>
        <div>打印人员：{{ empName }}</div>
      </div>
      <div class="text-2xl mt-2 leading-10">
        <div class="flex justify-between">
          <div>
            <div>记录编号：{{ rowData?.id }}</div>
            <div>拟制人：{{ rowData?.createUserName }}</div>
            <div>审核人：{{ rowData?.reviewEmpName }}</div>
            <div>上报人：{{ rowData?.reportEmpName }}</div>
          </div>
          <div>
            <div>文书状态：{{ statusEnum[rowData.status]?.text }}</div>
            <div>拟制时间：{{ rowData?.createTime }}</div>
            <div>审核时间：{{ rowData?.reviewTime }}</div>
            <div>上报时间：{{ rowData?.reportTime }}</div>
          </div>
        </div>
        <div class="mt-10">预案情况：{{ rowData?.planDesc }}</div>
        <div class="mt-10">防疫部署：{{ rowData?.deploymentDesc }}</div>
        <div class="mt-10">船舰卫生：{{ rowData?.hygieneDesc }}</div>
        <div class="mt-10">食品营养卫生：{{ rowData?.foodDesc }}</div>
        <div class="mt-10">给水卫生：{{ rowData?.waterDesc }}</div>
        <div class="mt-10">流行病：{{ rowData?.epidemicDesc }}</div>
        <div class="mt-10">传染病：{{ rowData?.contagionDesc }}</div>
        <div class="mt-10">其他防疫：{{ rowData?.otherDesc }}</div>
        <div class="mt-10">备注：{{ rowData.memo }}</div>
      </div>
    </div>
  </div>
</template>

<script setup>
import dayjs from 'dayjs'
import useUserStore from '@/store/user'
import { getSystemConfig } from '@/utils/systemConfig'

const { empName } = useUserStore()
defineProps({
  rowData: {
    type: Object,
    default: () => ({})
  }
})

const statusEnum = [
  { text: '未审核', color: 'blue' },
  { text: '已审核', color: 'green' },
  { text: '已上报', color: 'blue' }
]
</script>
<style lang="less" scoped></style>
